<!DOCTYPE html>
<html lang="cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/ob-beta.css">
    <script src="./js/ob-data.js"></script>
    <title>开测表</title>
</head>

<body>
    <div class="main-content">
        <div class="page-break">
            <a href="#" class="">手机游戏</a>&gt;开测表
        </div>
        <div class="open-test-con">
            <div class="open-test-tit">
                <h2>即将开测</h2>
            </div>
            <table>
                <tbody>
                    <tr>
                        <th class="timetr">时间</th>
                        <th class="nametr">游戏名称</th>
                        <th class="stattr">测试状态</th>
                        <th class="typetr">游戏分类</th>
                        <th class="btntr">游戏下载</th>
                        <th class="btntr">礼包领取</th>
                        <th class="btntr">开测提醒</th>
                    </tr>
                </tbody>
            </table>
            <div class="des-tablebox">
                <div class="des-table">
                </div>
            </div>
        </div>
    </div>
    <script>
        var desTable = document.querySelector('.des-table')
        var str = '';
        data.map(item => {
            str += `<div class="data-break">${item.datas}</div>
                    <table>
                        `
            item.tdinfo.map(item => {
                str += `
                        <tbody>
                            <tr>
                                <td class="timetr"><span class="time">${item.times}</span></td>
                                <td class="nametr img-con">
                                    <a href="#" class="img"><img src="${item.img_url}"></a>
                                    <a href="#" class="name">${item.img_tit}</a>
                                    <span class="android"></span>
                                </td>
                                <td class="stattr">${item.stat}</td>
                                <td class="typetr">${item.roles}</td>
                                <td class="btntr">
                                    <a href="#" class="sbtn icon-down">游戏下载</a>
                                </td>
                                <td class="btntr">
                                    <a href="#" class="sbtn icon-gift">礼包领取</a>
                                </td>
                                <td class="btntr">
                                    <a href="#" class="sbtn icon-qq">开测提醒</a>
                                </td>
                            </tr>
                        </tbody>
                    </table>`
            })

        })
        desTable.innerHTML = str;
    </script>
</body>

</html>